
html {
    background-color: #f2f2f2;
    color: #666;
}

.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #32a4f9;
    color: #fff;
}

.layui-layout-admin .layui-logo, .layui-layout-admin .layui-logo a {
    color: #fff;
    color: rgba(255,255,255,.8);
}
.layui-layout-admin .layui-logo {
    background-color: #20222A;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
}

.layui-layout-admin .layui-logo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 220px;
    height: 49px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center center;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo {
    height: 50px;
    line-height: 50px;
}


.layui-header {
    position: relative;
    z-index: 1000;
    height: 50px;
}
.layui-layout-admin .layui-header {
    background-color: #353e41;
}

.layui-layout-admin .layui-side {
    width: 220px;
    top: 0;
    z-index: 1001;
}



.layui-side-menu .layui-side-scroll {
    width: 240px;
}

.layui-side-menu ul.layui-nav {
    width: 220px;
    margin-top: 50px !important;
    background: 0 0;
}

.layui-side-menu>ul.layui-nav {
    width: 220px;
    margin-top: 50px
    background: 0 0;
}

.layui-side-menu {
    background-color: #20222A!important;
    color: #fff!important;
}

.layui-side-menu .layui-nav .layui-nav-item .layui-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -19px;
}

.layui-side-menu .layui-nav .layui-nav-item>a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.layui-side-menu .layui-nav .layui-nav-item a {
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    padding-right: 30px;
}

.layui-body{left: 220px;}

.layui-layout-admin .layui-body {
    top: 50px;
    bottom: 0px;
}

.layadmin-pagetabs {
    height: 48px;
    line-height: 48px;
    padding: 0 80px 0 40px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}



.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-header .layui-layout-right, .layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-layout-left, .layui-layout-admin .layui-logo, .layui-layout-admin .layui-side {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-layout-admin .layui-body {
    top: 98px;
    bottom: 0;
}

.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
    left: 220px;
}

.layadmin-pagetabs {
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 999;
}

.layui-layout-admin .layui-body .layadmin-tabsbody-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.layadmin-tabsbody-item, [template] {
    display: none;
}

.layui-show {
    display: block!important;
}

.layadmin-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: -webkit-paged-xa;
}

.layadmin-pagetabs .layui-tab {
    margin: 8px 0;
    overflow: hidden;
}

.layui-fluid {
    padding: 15px;
}

.layui-whitebg{margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}


/* tab-max */
.layui-tab.mar_tblr0{margin: 0px;}
.layui-tab-content.pad-tblr0{padding: 0px;}


.layui-tab-title-div .layui-left-title{float: left;  font-size: 18px;    line-height: 40px;  min-width: 65px;  padding: 0 15px;}

.layui-tab-title.layui-tab-title-max{position: relative;  left:auto;  height: 40px;  white-space: nowrap;
    font-size: 0;  border-bottom-width:0;  border-bottom-style: solid;  transition: all .2s;  -webkit-transition: all .2s;}

.layui-tab-title.layui-tab-title-max li{font-size: 18px;font-weight: bold; padding: 0 25px;}

.layui-tab-brief > .layui-tab-title-div{padding: 20px;}
.layui-tab-brief > .layui-tab-title-div >.layui-tab-title .layui-this {
    color: #00a0ff;
}
.layui-tab-brief > .layui-tab-title-div > .layui-tab-title .layui-this:after, .layui-tab-brief> .layui-tab-title-div > .layui-tab-more li.layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #00a0ff;
}
/* 栅格 */

.data-list1{
    margin-bottom:5px;
}

.data-list2{
    margin-bottom:5px;
}

.data-list1 .layui-card {
    height: 167px;
    text-align:  center;
}
.data-list1 .layui-card .max-number-font{font-size: 35px; font-weight: bold; color: #00a0ff;padding-top: 25px;}
.data-list1 .layui-card .percentage-font{font-size: 18px; color: #00c892;padding-top: 10px;}
.data-list1 .layui-card .min-font{font-size: 14px; color: #999;padding-top: 10px;}

.data-list2 .layui-card {
    height: 167px;
    text-align:  center;
}
.data-list2 .layui-card .max-number-font{font-size: 35px; font-weight: bold; color: #00a0ff;padding-top: 25px;}
.data-list2 .layui-card .percentage-font{font-size: 18px; color: #00c892;padding-top: 10px;}
.data-list2 .layui-card .min-font{font-size: 14px; color: #999;padding-top: 10px;}

.data-list .layui-card {
    height: 167px;
    text-align:  center;
}
.data-list .layui-card .max-number-font{font-size: 35px; font-weight: bold; color: #00a0ff;padding-top: 25px;}
.data-list .layui-card .percentage-font{font-size: 18px; color: #00c892;padding-top: 10px;}
.data-list .layui-card .min-font{font-size: 14px; color: #999;padding-top: 10px;}

.chart-list .layui-card {
    height: 314px;
    text-align:  center;padding: 15px;
}

.chart-list .layui-card img{width: 100%; height: 100%; text-align: center;}

.chart-list-three .layui-card{min-height: 500px;padding: 0px;}


/* table信息 */
.layui-table td.grey-bg{ background: #f2f2f2;}
.layui-btn.min-w60{min-width: 60px;}

.layui-form-item{ margin-bottom: 10px;}
.layui-form-item.mar-t0{ margin-bottom: 0px;}

.align-center{text-align: center;}
.align-right{text-align: right;}
.align-left{text-align: left;}

.layui-p-img{width: 80px;  height: 80px;  border-radius: 5px;}

.layui-card.overflow-h{ width: 100%;  float: left;}
.layui-form.padd-tbrl15{ padding: 15px;}

/* 小名片 */
.min-mtitle{padding: 20px 20px 15px 20px;font-size: 18px;}
.min-picimg{width: 40px;  height: 40px;border-radius: 20px;  margin-left: 20px;}
.min-butt{text-align: center;  padding-bottom: 15px;  }

.padd-b15{padding-bottom: 15px;}
/* 上传图片 */
.layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}
.border_bsolid{border-bottom: 1px #ddd solid;}

/* 响应列表 */
.pull-div{ overflow: hidden;padding: 0px 0px 10px 55px;}

.social-comment {
    margin-left: 45px;  clear: both;border-bottom: 1px #ddd solid;
}
.social-comment {
    margin-top: 15px;
}

.social-comment img.img-circle {
    width: 28px;
    height: 28px; margin-right: 10px;
}

.feed-element, .media-body {
    overflow: hidden;
}
.feed-element, .feed-element .media {
    margin-top: 15px;
}
.feed-element {
    padding-bottom: 0px;
}
.feed-element>.pull-left {
    margin-right: 10px;
}
.pull-left {
    float: left!important;
}
.feed-element img.img-circle {
    width: 38px;
    height: 38px;
}
.img-circle {
    border-radius: 50%;
}
.media-body {
    font-size: 12px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-body {
    display: block;
    width: auto;
}
.pull-right {
    float: right!important;
}

.text-muted {
    color: #888;
}
.small, small {
    font-size: 85%;
}
.feed-element .photos {
    margin: 10px 0;
}
.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}
hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both;
}


.grid-demo-bg1 {
    background-color: #63BA79;
}
.lay-bordersolid{ border: 1px #ddd solid;}
.grid-dem{margin: 20px; padding: 20px; text-align:center;}
.ico-z{background:url("../../images/z-tu1.png") no-repeat center;background-size:40px;width: 70px;height: 70px;margin:  0 auto;}
.z-boxcenter{padding-top: 100px;  padding-bottom: 100px;  overflow: hidden;}
.r-padd-r20{ padding-right: 20px; text-align:right}
.layui-layer-rim{border:none;}
.padd-r10{padding-right: 10px;}
.pou_list{border: 1px #ddd solid; margin-top: 10px;margin-right: 10px;}
.pou_list li{ margin: 0px; padding:5px 10px;list-style: none; border-bottom: 1px #ddd solid; text-align: left;}
.pou_list li img{width:50px; height: 50px;  margin-right: 10px;}
.pou_list li .checkbox_box{ float: right;padding-top: 6px;}

.layui-form-checked[lay-skin="primary"] i {
    border-color: #32a4f9;
    background-color: #32a4f9;
    color: #fff;
}
.layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: #32a4f9;
    color: #fff;
}

.btn_tright{ text-align: right; margin-top: 20px;padding-right: 10px;}

.layui-tab-title.sub-box{ margin: 0px;padding: 20px; }
.layui-tab-title.sub-box li{padding-bottom:10px; text-align:center;padding:0px;width:100%; border: 1px #ddd solid;
    border-radius: 5px;  margin-bottom: 10px;}
.layui-tab-title.sub-box li a.layui-btn{min-width: 110px;}

.padding-r5{padding-right: 5px;}
.padding-15{padding: 15px;}
.padding-t0{padding-top: 0px;}
.margin-0{ margin: 0;}
.layui-tab-brief > .layui-tab-title-div.padding-0{padding: 0}

.layui-tab-title.sub-box .layui-this:after{border: 1px #32a4f9 solid; border-radius: 5px;}
.layui-tab-title.sub-box .layui-this{background: #32a4f9;color:#fff; padding: 0px;}
.layui-card-header.title-left{padding:0px;}

.layui-card-header.title-left i{width: 5px;background: #32a4f9; margin-right:10px; height:16px;display: inline-block;vertical-align: middle;}
#test4 img{ width: 100%;height: 100%;}

.text_box{ border: 1px #ddd solid;  min-height: 200px;  margin: 15px;  margin-top: 0px;}
.text_box .towtitle{ background: #f8f8f8;border-bottom: 1px #ddd solid; font-size: 14px; padding: 5px 10px;}
.close_boxr{ float: right; background: #ff3f3f;color: #fff; padding-top: 2px;cursor: pointer;}
.close_boxr:hover{background: #ff5d5d;color: #fff;border-radius:2px;}

.roll-top-ico{position: absolute;top:10px;right:10px;z-index:9999;width:20px;height:20px;}

.app-revise-box{height:647px;position:relative;width:369px;background:url("../../images/ab-b.png") no-repeat center; background-size: 100%; margin: 0 auto;}
.app-revise-box .app-revise-cont{ position: absolute;  top: 60px; bottom: 110px;  left: 40px;  right: 35px;  background: #f8f8f8;border: 1px #ddd solid;}

.app_cont{ height: 377px;overflow: auto;}
.relative{ position: relative;}
.app-revise-butn{position: absolute;bottom: 60px;  left: 0px;  right: 0px;  text-align: center;  padding-left:50%;}

/* app */
.am-header {
    position: relative;
    width: 100%;
    height: 49px;
    line-height: 49px;
}

.am-navbar {
    border-top: 1px solid #e5e5e5;
}


.am-navbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 49px;
    z-index: 100;
}

.am-cf:after, .am-cf:before {
    content: " ";
    display: table;
}
.am-navbar .am-navbar-nav {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.am-navbar-default .am-navbar-nav {
    background-color: #ffffff;
}

.am-navbar ul {
    margin: 0;
    list-style: none;
    width: 100%;
}
.am-navbar .am-navbar-nav li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: none;
}
.am-avg-sm-2 > li:nth-of-type(n) {
    clear: none;
}
.am-avg-sm-2 > li:nth-of-type(2n+1) {
    clear: both;
}
.am-avg-sm-2 > li {
    width: 50%;
}
[class*=am-avg-] > li {
    display: block;
    height: auto;
    float: left;
}
.am-navbar-nav {
    position: relative;
    z-index: 1015;
}
.am-padding-right-0 {
    padding-right: 0 !important;
}
.am-padding-left-0 {
    padding-left: 0 !important;
}
[class*=am-avg-] {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}

.am-navbar-default a {
    color: #999999;
}
.am-navbar-nav a {
    display: inline-block;
    width: 100%;
    height: 49px;
    line-height: 20px;
    position: relative;
}
.font-15 {
    font-size: 15px !important;
}
.border-right {
    border-right: 1px solid #eeeeee;
}
.line-51 {
    line-height: 51px !important;
}
.icon-relay {
    background: url(../../images/cp_07.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    top: 50%;
}
.icon-consult {
    background: url(../../images/cp_09.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    top: 50%;
}
.am-cf:after {
    clear: both;
}
.am-cf:after, .am-cf:before {
    content: " ";
    display: table;
}
.am-bg-blue {
    background: #66bbfa;
}
.am-navbar-default a.font-color-white{color: #fff;}
.am-header-default {
    background-color: #292725;
}
.am-header-default .am-header-nav {
    color: #eee;
}
.am-header .am-header-left {
    left: 10px;
}
.am-header .am-header-nav {
    position: absolute;
    top: 0;
}
.am-header-default .am-header-nav>a {
    display: inline-block;
    min-width: 36px;
    text-align: center;
    color: #eee;
}
.am-header .am-header-nav img {
    height: 16px;
    width: auto;
    vertical-align: middle;
}
.am-header-default .am-header-title {
    color: #fff;
}
.am-header .am-header-title {
    margin: 0 30%;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.box {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
}
.box-1 {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    flex: 1;
}
.am-margin-top-sm {
    margin-top: 1rem !important;
}
.am-padding-right-sm {
    padding-right:0.5rem !important;
}
.am-padding-left-sm {
    padding-left: 0.5rem !important;
}
.am-padding-bottom-sm {
    padding-bottom: 0.5rem;
}
.am-padding-top-sm {
    padding-top: 0.5rem;
}
.bg-white {
    background-color: #FFFFFF;
}
.font-color-2 {
    color: #333333;
}
.font-16 {
    font-size: 16px !important;
}
.font-color-1 {
    color: #999999;
}
.font-12 {
    font-size: 12px !important;
}
.font-color-monney {
    color: #f85722 !important;
}
.font-14 {
    font-size: 14px !important;}
.padding-top-25 {
    padding-top: 25px;
}


.product-box-details .margin-bottom0 {
    margin-bottom: 0px;
}
.product-box-details p img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* 登录 */
body, html {
    height: 100%;}
.app-main[data-v-7ba5bd90] {
    height: 100%;
}

.login-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #2e3437;
}
.login-bg {
    background: #2e3437 url(../../images/login-bg.jpg) 50% no-repeat;
    background-size: cover;
}
.login-wrapper {

}
.login-wrapper {
    width: 360px;
    height: 300px;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    /* transform: translate(-50%,-50%); */
    left: 50%;
    margin-left: -180px;
    top: 50%;
    margin-top: -150px;
}
.login-title {
    font-size:20px; font-weight: bold;
    line-height: 1.2rem;
    color: #1fb5fc; text-align: center;padding:20px 10px;
}
.login-form {
    position: relative;
    margin-top: 2rem;
    width: 100%;
}
.w100{width: 100%;}